<#if toolItem??>
	<#assign desc=toolItem.descripiton!'' >
	<div class="popup-box-close" title="close" onclick="closeToolDetail()"></div>
    <div class="popup-box-header">
    	<div class="popup-box-header-ico"></div>
        <div class="popup-box-header-content">
    	<h3>${toolItem.title!''}</h3> 
        <div class="popup-box-header-content-info"><span class="green">${toolItem.toolType!''}</span><span>|</span><span>From 
        	<#list toolItem.link?split(".") as link>
        		<#if link_index ==1>
        			 <a href="${toolItem.link!''}" target="_blank">${link}.com</a>
        		</#if>
        	</#list>
        	</span>
        	<span>|</span>
        	<#if toolItem.toolType=="Website">
        			<a class="button" href="${toolItem.link!''}" target="_blank">View</a>
        		<#else>
	        		<#if toolItem.title=="Win: Video Converter">
	        			<a class="button" target="_blank" href="http://download.wontube.com/free-video-converter_full1049.exe">Download</a>
	        		</#if>	
	        		<#if toolItem.title=="Mac: Video Converter">
	        			<a class="button" target="_blank" href="http://itunes.apple.com/us/app/wontube-free-video-converter/id495101962">Download</a>
	        		</#if>	
	        		<#if toolItem.title=="Android: Video Downloader">
	        			<a class="button" target="_blank" href="http://download.wontube.com/free-video-downloader-android.apk">Download</a>
	        		</#if>	
	        		<#if toolItem.title=="Andriod: Youtube Downloader">
	        			<a class="button" target="_blank" href="http://download.wontube.com/wontube-free-youtube-downloader-android.apk">Download</a>
	        		</#if>	
        	</#if>
        </div> 
        
    </div>
        <div class="clear-float"></div>
    </div>
	<div class="popup-box-content">
        	<ul class="popup-box-content-nav">
            <li class="popup-box-content-nav-now" onclick="selectDetail('tool_overview',this);" >OVERVIEW</li>
            <li href="javascript:" onclick="selectDetail('tool_detail',this);">DETAILS</li>
            <!--
            <li href="javascript:" onclick="selectDetail('tool_reviews',this);">REVIEWS</li>
            -->
            <!--
            <li href="javascript:" onclick="selectDetail('tool_relate',this);">RELATED</li>
            -->
            </ul>
            <div class="popup-box-content-block" id="tool_overview" style="display:block">
            	<div class="popup-box-content-block-left">
                	<div class="popup-box-content-block-view-show">
                   			
                   		<#if toolDetails??>
	                    	<#list toolDetails as item>
	                    		<#if item_index==0>
	                    			<img src="${item.bigPic}" id="big_pic">
	                    		</#if>
	                    	</#list>
                    	</#if>
                    	
                    	
                    </div>
                    <div class="popup-box-content-block-view-img">
                    	<#if toolDetails??>
	                    	<#list toolDetails as item>
	                    		<img src="${item.thumbnail}" onclick="showBigPic(this);" bigPic="${item.bigPic}"/>
	                    	</#list>
                    	</#if>
                    </div>
                </div>
                
                <div class="popup-box-content-block-right">
                    ${desc}	
                </div>
            </div>
            <div class="popup-box-content-block" id="tool_detail" >
            	<div class="popup-box-content-block-left">
					${desc}				
                </div>
                <div class="popup-box-content-block-right">
                	<ul class="details-ul">
                    <li><a href="${toolItem.link!''}" target="_blank">Website</li>
                    <li><a href="https://www.facebook.com/WonTube" target="_blank">Facebook</a></li>
                    <li><a href="https://www.facebook.com/WonTube" target="_blank">Report Bug</a></li>
                    </ul>
                    <p><span class="bold">Version:</span> 1.0</p>
                    <p><span class="bold">Updated:</span> Sunday, October 16, 2011</p>
                    <p><span class="bold">Language:</span> English</p>
				</div>
                <div class="clear-float"></div>

			</div>
            
            <div class="popup-box-content-block" id="tool_reviews">
				<div class="popup-box-content-block-left">
	              <div class="comment_tit">
					<h2>Comments</h2>	
					<div class="hr"></div>    
					<div id="fb-root"></div>
					<div id=""></div>
					<div class="fb-comments" id="fb" data-href="${contextPath}/tool/${toolItem.title!''}" data-num-posts="5" data-width="400"></div>   
				</div>
                </div>
            	<div class="popup-box-content-block-right">
                </div>
            </div> 
            
            <div class="popup-box-content-block" id="tool_relate">
				<div class="popup-box-content-block-left">
					<div class="recommended-apps-block">
						<ul>
							<#if otherItems??>
	                		<#list otherItems as other>
	                			<li>
										<div class="feature-tools-img" ><img src="${other.thumbnail}"  /></div>
									 	<p>${other.title}</p>
					              </li>
	                		</#list>
	                	</#if>
						</ul>
					</div>
                </div>
            	<div class="popup-box-content-block-right">
                </div>
            </div>            
    </div>
</#if>
<div id="fb-root"></div>
<script type="text/javascript" src="${jsRoot}/fb-sdk.js"></script>
